<%--
  Created by IntelliJ IDEA.
  User: wt003
  Date: 2020-03-13
  Time: 9:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro"  uri="http://shiro.apache.org/tags" %>
<link rel="icon" href="${pageContext.request.contextPath}/img/Charging/lk_favicon.ico" type="images/x-ico" />
<link type="text/css" rel="stylesheet" href="http://at.alicdn.com/t/font_1467617214_4269545.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/company/todo.css" type="text/css"/>
<link type="text/css" rel="stylesheet" href="http://at.alicdn.com/t/font_1467617214_4269545.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/base/plugins/bootstrap/css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/base/plugins/layui-v2.4.3/layui/css/layui.css" media="all"/>

<link rel="stylesheet" href="${pageContext.request.contextPath}/base/css/components.css" media="all"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/base/plugins/simple-line-icons/simple-line-icons.min.css" media="all"/>
<script src="${pageContext.request.contextPath}/base/plugins/layui-v2.4.3/layui/layui.js"></script>
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/base/plugins/bootstrap/css/bootstrap.min.css" type="text/css"/>
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/base/plugins/font-awesome-4.7.0/css/font-awesome.css">
<!-- Fontastic Custom icon font-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/fontastic.css">
<!-- Google fonts - Poppins -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
<!-- theme stylesheet-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.default.css" id="theme-stylesheet">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
<!-- JavaScript files-->
<script src="${pageContext.request.contextPath}/base/js/jquery-1.11.3.min.js"></script>
<script src="${pageContext.request.contextPath}/base/plugins/popper.js/umd/popper.min.js"> </script>
<script src="${pageContext.request.contextPath}/base/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/base/plugins/jquery.cookie/jquery.cookie.js"> </script>
<script src="${pageContext.request.contextPath}/base/plugins/chart.js/Chart.min.js"></script>
<script src="${pageContext.request.contextPath}/base/plugins/jquery-validation/jquery.validate.min.js"></script>
<script src="${pageContext.request.contextPath}/js/charts-home.js"></script>
<!-- Main File-->
<script src="${pageContext.request.contextPath}/js/front.js"></script>
<!-- Main Navbar-->
<header class="header">
    <nav class="navbar">
        <!-- Search Box-->
        <div class="search-box">
            <button class="dismiss"><i class="icon-close"></i></button>
            <form id="searchForm" action="#" role="search">
                <input type="search" placeholder="What are you looking for..." class="form-control">
            </form>
        </div>
        <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
                <!-- Navbar Header-->
                <div class="navbar-header">
                    <!-- Navbar Brand --><a href="index.jsp" class="navbar-brand d-none d-sm-inline-block">
                    <div class="brand-text d-none d-lg-inline-block"><span>QD </span><strong>集抄预付费管理系统</strong></div>
                </a>
                    <!-- Toggle Button--><a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
                </div>
                <!-- Navbar Menu -->
                <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                    <!-- Search-->
                    <li class="nav-item d-flex align-items-center"><a id="search" href="#"><i class="icon-search"></i></a></li>
                    <!-- Notifications-->
                    <li class="nav-item dropdown"> <a id="notifications" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i class="fa fa-bell-o"></i><span class="badge bg-red badge-corner">12</span></a>
                        <ul aria-labelledby="notifications" class="dropdown-menu">
                            <li><a rel="nofollow" href="#" class="dropdown-item">
                                <div class="notification">
                                    <div class="notification-content"><i class="fa fa-envelope bg-green"></i>You have 6 new messages </div>
                                    <div class="notification-time"><small>4 minutes ago</small></div>
                                </div></a></li>
                            <li><a rel="nofollow" href="#" class="dropdown-item">
                                <div class="notification">
                                    <div class="notification-content"><i class="fa fa-twitter bg-blue"></i>You have 2 followers</div>
                                    <div class="notification-time"><small>4 minutes ago</small></div>
                                </div></a></li>
                            <li><a rel="nofollow" href="#" class="dropdown-item">
                                <div class="notification">
                                    <div class="notification-content"><i class="fa fa-upload bg-orange"></i>Server Rebooted</div>
                                    <div class="notification-time"><small>4 minutes ago</small></div>
                                </div></a></li>
                            <li><a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong>view all notifications                                            </strong></a></li>
                        </ul>
                    </li>
                    <!-- Messages                        -->
                    <li class="nav-item dropdown"> <a id="messages" rel="nofollow" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><i class="fa fa-envelope-o"></i><span class="badge bg-orange badge-corner">10</span></a>
                        <ul aria-labelledby="notifications" class="dropdown-menu">
                            <li><a rel="nofollow" href="#" class="dropdown-item d-flex">
                                <div class="msg-profile"> <img src="" alt="..." class="img-fluid rounded-circle"></div>
                                <div class="msg-body">
                                    <h3 class="h5">Jason Doe</h3><span>Sent You Message</span>
                                </div></a></li>
                            <li><a rel="nofollow" href="#" class="dropdown-item all-notifications text-center"> <strong>Read all messages   </strong></a></li>
                        </ul>
                    </li>

                    <!-- Logout    -->
                    <li class="nav-item"><a href="/logout" class="nav-link logout"> <span class="d-none d-sm-inline">Logout</span><i class="fa fa-sign-out"></i></a></li>
                </ul>
            </div>
        </div>
    </nav>
</header>
